<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理系统</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        /* 清除浮动 */
        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }
        .clearfix {
            zoom: 1;
        }
        header img {
            width: 100%;
        }
        section{
            margin-top:30px ;
        }
        .login_form_box {
            margin: 0 auto;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            -ms-border-radius: 12px;
            border-radius: 12px;
            padding: 40px 70px;
            width: 400px;
        }
        .field {
            margin: 40px 0px;
            border: 1px solid #f1f1f1;
        }
        .field label {
            display: block;
            height: 56px;
            background-color: #4e5ab0;
            float: left;
        }
        .field label img {
            padding: 10px 10px;
        }
        .field input {
            float: left;
            left: 50px;
            top: 0;
            width: 78%;
            height: 20px;
            line-height: 20px;
            padding: 18px 20px;
            background-color: #f7ffff;
            border: 0px;
            outline: none;
            font-size: 18px;
            color: #898989;
        }

        .rember_pwd {
            color: #58bbee;
            height: 15px;
            line-height: 15px;
            font-size: 16px;
            margin-bottom: 40px;
        }

        .rember_pwd input {
            height: 16px;
            outline: none;
        }

        .rember_pwd span {
            vertical-align: top;
            margin: 0 5px;
            line-height: 20px;
        }

        .login_bt {
            text-align: center;
        }
        .login_bt button {
            display: inline-block;
            text-decoration: none;
            width: 100%;
            height: 56px;
            line-height: 56px;
            font-size: 22px;
            color: #FFFFFF;
            background-color: #4e5ab0;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }
        #saveid,#forget{
            display: inline-block;
            width: 20px;
            height: 20px;
        }
    </style>
</head>
<body>
<header>
    <img src="__IMG__/admin/login/head.png">
</header>
<section>
    <div class="login_form_box">
        <form id="ajaxForm" method="post" action="" method="post" name="myform">
            <input type="hidden" name="dosubmit" value="1">
            <div class="field username_field clearfix" style="margin-top:0px ">
                <label class="username_icon"><img src="__IMG__/admin/login/icon1.png"/></label>
                <input  name="username" type="text" placeholder="请输入您的用户名" required/>
            </div>
            <div class="field password_field clearfix">
                <label class="password_icon"><img src="__IMG__/admin/login/icon2.png"/></label>
                <input  class="txt2" name="password" type="password" placeholder="请输入您的密码" required/>
            </div>
            <div class="rember_pwd clearfix">
                <div class="fl"> <input  name="islogin"  class="box" type="checkbox" /><span style="color: #bfbfbf">记住密码</span></div>
                <div class="fr"> <span>忘记密码?</span></div>
            </div>
            <div class="login_bt">
                <button type="submit" onclick="myform.submit();">登录</button>
            </div>
        </form>
    </div>
</section>
<script src="__STATIC__/js/jquery-1.11.3.min.js"></script>
<script src="__PLUGIN__/layer/layer.js"></script>
<script>
    layer.config({
        offset: 't'
    });

    var tip = '{$tip}';
    if(tip){
        layer.msg(tip, {icon: 5,time: 1000});
    }

</script>
</body>
</html>